:root {
    /*
    Color
    */
    /* 主题 */
    --an-color-primary: #1780ff;
    /* 成功 */
    --an-color-success: #67C23A;
    /* 危险 */
    --an-color-danger: #F56C6C;
    /* 警告 */
    --an-color-warning: #E6A23C;
    /* 信息 */
    --an-color-info: #909399;
    /* 默认白 */
    --an-color-white: #fff;
    /* 默认背景 */
    --an-color-bg: #f2f2f2;
    --an-color-hover-bg: #f5f5f5;

    /*
    Text
    */
    /* 文字主色、主标题 */
    --an-color-text-primary: #303133;
    /* 文字次要的、副标题 */
    --an-color-text-secondary: #606266;
    /* 描述性的文字、更多信息 */
    --an-color-text-gray: #909399;
    /* 占位符 */
    --an-color-text-placeholder: #C0C4CC;
    /* Link */
    --an-color-link: var(--an-color-primary);

    /*
    Border
    */
    --an-border-color: #d7d7d7;
    /* 亮的 */
    --an-border-color-light: #EBEEF5;
    /* 更亮的 */
    --an-border-color-lighter: #F2F6FC;
    --an-border-default: 1px solid var(--an-border-color);

    --an-border-radius-small: 2px;
    --an-border-radius-default: 4px;
    --an-border-radius-large: 6px;

    --an-backdrop-color: rgba(0, 0, 0, .3);

    --an-box-shadow-color: rgba(0, 0, 0, 0.1);
    --an-box-shadow-default: 0 2px 12px 0 var(--an-box-shadow-color);

    /*
    Font
    */
    --an-font-size-small: 12px;
    --an-font-size-default: 14px;
    --an-font-size-large: 16px;

    /*
    Padding
    */
    --an-padding-small: 10px;
    --an-padding-default: 16px;
    --an-padding-large: 20px;

    /*
    Height
    */
    --an-height-small: 24px;
    --an-height-default: 32px;
    --an-height-large: 40px;

    /*
    Button
    */
    --an-button-gap: 10px;

    /*
    Modal
    */
    --an-modal-padding: 10px;
    --an-modal-radius: var(--an-border-radius-default);
    --an-modal-font-size: var(--an-font-size-default);
    --an-modal-title-font-size: 18px;
    --an-modal-bg: var(--an-color-white);
    --an-modal-min-width: 300px;


    /* --an-icon-close: url('data:image/svg+xml,<svg viewBox="64 64 896 896" xmlns="http://www.w3.org/2000/svg" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg>'); */
    /* --an-icon-: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M920.185 224.838c-33.782-33.935-88.619-33.935-122.464 0L409.955 614.564 226.231 429.952c-33.782-33.935-88.68-33.935-122.461 0-33.784 33.997-33.784 89.108 0 123.044l244.925 246.118c33.782 33.998 88.68 33.998 122.463 0l449.028-451.201c33.843-33.967 33.843-89.048-.001-123.075z' fill='%23fff'/%3E%3C/svg%3E"); */
}